@import 'global.css';

.searchDocsBox {
    width:100%;
    height:100%;
    position: relative;
}



.addDocsTitle {
    width:100%;
    height:50px;
    background:#eee;
    border-bottom:1px solid #ccc;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:15px;
    position: absolute;
}



.addDocsTitle i {
    margin-right:10px;
    position: relative;
    top:-1px;
}

.docsMenuBox {
    width:219px;
    background:#fff;
    top:50px;
    position: absolute;
    left:0px;
    height:auto;
    border-right:1px solid #eee;
    overflow:auto;
    bottom:0px;
}

.docsMenuItem {
    width:100%;
    height:auto;
}

.docsMenuItemCategory {
    width:100%;
    height:40px;
    background:#333;
    cursor:pointer;
    color:#fff;
    border-bottom:1px solid #666;
    line-height:40px;
    padding-left:15px;
}

.docsMenuContent {
    position: absolute;
    left:220px;
    top:50px;
    right:0px;
    overflow:auto;
    bottom:0px;
    background:#fff;
}

.docsMenuItemContent {
    width:100%;
    height:auto;
    display:none;
}

.docsMenuContentItemTitle {
    width:100%;
    height:40px;
    background:#eee;
    line-height:40px;
    padding-left:15px;
}

.docsMenuContentItemTitle i {
    font-size:14px;
    margin-right:10px;
    position: relative;
    color:green;
    top:-1px;
}

.docsMenuContentItemText {
    width:100%;
    height:40px;
    padding-left:36px;
    line-height:40px;
}

.docsMenuContentItemResult {
    width:100%;
    height:auto;
    line-height:40px;
    padding:10px;
}

.docsMenuContentItemParams {
    width:100%;
    height:auto;
    line-height:40px;
}

.docsMenuContentItemParamsHeader {
    width:100%;
    height:40px;
    background:#f5f5f5;
}

.docsMenuContentItemParamsHeader span {
    display:block;
    float:left;
    width:200px;
    height:40px;
    margin-left:35px;
}


.docsMenuContentItem {
    width:100%;
    height:auto;
}

.docsMenuItemText {
    width:100%;
    height:40px;
    background:#eee;
    line-height:40px;
    padding-left:15px;
    border-bottom:1px solid #e0e0e0;
}

.docsMenuItemText:hover {
    background:#e5e5e5;
    cursor:pointer;
}

.docsMenuItemText:last-child {
    border-bottom:none;
}

.docsMain {
    display:none;
}

.noDocsBox {
    width:100%;
    height:100%;
    text-align: center;
    padding-top:200px;
    font-size:20px;
    color:#999;
    background:#f5f5f5;
}


.noDocsBox i {
    margin-right:20px;
}